<!DOCTYPE html>
<html lang="es">
	<head>
		<title>Portafolio</title>
		<meta charset="utf-8">
		<link rel="stylesheet" href="css/reset.css" type="text/css" media="screen">
		<link rel="stylesheet" href="css/style.css" type="text/css" media="screen">
		<link rel="stylesheet" href="css/layout.css" type="text/css" media="screen">   
		<script src="js/jquery-1.6.3.min.js" type="text/javascript"></script>
		<script src="js/cufon-yui.js" type="text/javascript"></script>
		<script src="js/cufon-replace.js" type="text/javascript"></script>
		<script src="js/NewsGoth_400.font.js" type="text/javascript"></script>
		<script src="js/NewsGoth_700.font.js" type="text/javascript"></script>
		<script src="js/Vegur_300.font.js" type="text/javascript"></script> 
		
		<script src="js/FF-cash.js" type="text/javascript"></script>
		<!--[if lt IE 7]>
		<div style=' clear: both; text-align:center; position: relative;'>
			<a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode">
				<img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />
			</a>
		</div>
		<![endif]-->
		<!--[if lt IE 9]>
			<script type="text/javascript" src="js/html5.js"></script>
			<link rel="stylesheet" href="css/ie.css" type="text/css" media="screen">
		<![endif]-->
	</head>
	<body id="page3">
	<!--==============================header=================================-->
		<header>
			<div class="main">
				<div class="wrapper">
					<h1>
						<a href="index.html">Twitbook</a>
						<strong>Creando Ideas</strong>
					</h1>
					<nav>
						<ul class="menu">
							<li><a href="index.html">Acerca De</a></li>
							<li><a href="services.html">Servicios</a></li>
							<li><a class="active" href="gallery.html">Portafolio</a></li>
							<li><a href="privacy.html">Privacy</a></li>
							<li><a href="contacts.html">Contactos</a></li>
						</ul>
					</nav>
				</div>
			</div>
		</header>
	<!--==============================content================================-->
		<section id="content">
			<div class="main">
				<div class="indent-left">
					<h3>Nuestros Trabajos Realizados</h3>
					<div class="wrapper margin-bot">
						<article class="col-1">
							<div class="prev-indent-bot">
								<figure class="img-border"><a href="#"><img src="images/page3-img1.jpg" alt="" /></a></figure>
								<div class="clear"></div>
							</div>
							<h6>Hotel Victoria</h6>
							<p class="p2">Sitio Web de Hotel Victoria Cobija<br>Manejo de Redes Sociales<br>Anuncios en Facebook<br>Seo</p>
							<a class="button"  href="http://www.hotelvictoriacobija.com/">Visitela</a>
						</article>
						<article class="col-1">
							<div class="prev-indent-bot">
								<figure class="img-border"><a href="#"><img src="images/page3-img2.jpg" alt="" /></a></figure>
								<div class="clear"></div>
							</div>
							<h6>Good Cook</h6>
							<p class="p2">Doloremque laudantium, totam rem aperiam, eaque ipsa quae.</p>
							<a class="button" href="#">Visitela</a>
						</article>
						<article class="col-2">
							<div class="prev-indent-bot">
								<figure class="img-border"><a href="#"><img src="images/page3-img3.jpg" alt="" /></a></figure>
								<div class="clear"></div>
							</div>
							<h6>Photographer’s Portfolio</h6>
							<p class="p2">Inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
							<a class="button" href="#">Visitela</a>
						</article>
					</div>
					<div class="wrapper margin-bot">
						<article class="col-1">
							<div class="prev-indent-bot">
								<figure class="img-border"><a href="#"><img src="images/page3-img4.jpg" alt="" /></a></figure>
								<div class="clear"></div>
							</div>
							<h6>Hatha Yoga</h6>
							<p class="p2">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium.</p>
							<a class="button" href="#">Visitela</a>
						</article>
						<article class="col-1">
							<div class="prev-indent-bot">
								<figure class="img-border"><a href="#"><img src="images/page3-img5.jpg" alt="" /></a></figure>
								<div class="clear"></div>
							</div>
							<h6>Night Club</h6>
							<p class="p2">Doloremque laudantium, totam rem aperiam, eaque ipsa quae.</p>
							<a class="button" href="#">Visitela</a>
						</article>
						<article class="col-2">
							<div class="prev-indent-bot">
								<figure class="img-border"><a href="#"><img src="images/page3-img6.jpg" alt="" /></a></figure>
								<div class="clear"></div>
							</div>
							<h6>Spa Salon</h6>
							<p class="p2">Inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
							<a class="button" href="#">Visitela</a>
						</article>
					</div>
					<div class="wrapper">
						<article class="col-1">
							<div class="prev-indent-bot">
								<figure class="img-border"><a href="#"><img src="images/page3-img7.jpg" alt="" /></a></figure>
								<div class="clear"></div>
							</div>
							<h6>Interior Design</h6>
							<p class="p2">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium.</p>
							<a class="button" href="#">Visitela</a>
						</article>
						<article class="col-1">
							<div class="prev-indent-bot">
								<figure class="img-border"><a href="#"><img src="images/page3-img8.jpg" alt="" /></a></figure>
								<div class="clear"></div>
							</div>
							<h6>Hope Center</h6>
							<p class="p2">Doloremque laudantium, totam rem aperiam, eaque ipsa quae.</p>
							<a class="button" href="#">Visitela</a>
						</article>
						<article class="col-2">
							<div class="prev-indent-bot">
								<figure class="img-border"><a href="#"><img src="images/page3-img9.jpg" alt="" /></a></figure>
								<div class="clear"></div>
							</div>
							<h6>Progress Business Company</h6>
							<p class="p2">Inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
							<a class="button" href="#">Visitela</a>
						</article>
					</div>
				</div>
			</div>
		</section>
	<!--==============================footer=================================-->
		<footer>
			<div class="main">
				<div class="wrapper border-bot2 margin-bot">
					<article class="fcol-1">
						<div class="indent-left">
							<h3 class="color-1">Siguenos</h3>
							<ul class="list-services">
								<li><a href="#">Facebook</a></li>
								<li><a class="it-2" href="#">Twitter</a></li>
								<li><a class="it-3" href="#">Linked In</a></li>
								<li class="last-item"><a class="it-4" href="#">Del.ico.us</a></li>
							</ul>
						</div>
					</article>
					<article class="fcol-2">
						<h3 class="color-1">Nos Caracterizamos Por</h3>
						<p class="p3">El Secreto de Tu Exito esta en Ofrecer Calidad en Todos Nuestros Trabajos Realizados.<br>
							Mantener a Nuestro Clientes Conformes Con Nuestros Trabajos Realizados.</p>
						
					</article>
					<article class="fcol-3">
						<h3 class="color-1">Navegar</h3>
						<ul class="list-3">
							<li><a href="index.html">Acerca De</a></li>
							<li><a href="services.html">Servicios</a></li>
							<li><a href="gallery.html">Portafolio</a></li>
							<li><a href="privacy.html">Politicas</a></li>
							<li class="last-item"><a href="contacts.html">Contacto</a></li>
						</ul>
					</article>
				</div>
				<div class="aligncenter">
					Twitbook &copy; 2013 
				</div>
			</div>
		</footer>
		<script type="text/javascript"> Cufon.now(); </script>
	</body>
</html>
